<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情|爱采购</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/goods.css">
</head>

<body>
    <!-- top-bar -->
    <div class="top">
        <div class="top-bar">
            <div class="top-bar-left">
                <p>欢迎来到爱采购，百度旗下B2B平台！</p>
                <a href="./register.html" class="goLogin">登录/注册</a>
                <span class="user-name"></span>
                <p class="quit" style="margin-left: 10px;cursor: pointer;">退出</p>
            </div>
            <ul class="top-bar-right">
                <li><a href="./index.html">百度爱采购首页</a></li>
                <li><a href="./cart.html" class="goCart">购物车</a></li>
                <li class="menu">我要采购&nbsp;▽
                    <div class="sub">
                        <a href="#">买家版app</a>
                        <a href="#">我的订单</a>
                        <a href="#">全网询价</a>
                        <a href="#">询单管理</a>
                        <a href="#">电子合同</a>
                        <a href="#">我的名片</a>
                    </div>
                </li>
                <li class="menu">我有资源&nbsp;▽
                    <div class="sub">
                        <a href="#">商家社区</a>
                        <a href="#">卖家版app</a>
                        <a href="#">续费专享</a>
                        <a href="#">厂家入驻</a>
                        <a href="#">采购营销</a>
                    </div>
                </li>
                <li><a href="#">会员商家</a></li>
                <li><a href="#">实力供应商</a></li>
                <li><a href="#">意见反馈</a></li>
            </ul>
        </div>
    </div>
    <!-- header -->
    <div class="head">
        <header>
            <h1><a href="./index.html">爱采购</a></h1>
            <div class="search-wrap">
                <ul>
                    <li class="on">货源</li>
                    <li>厂家</li>
                </ul>
                <form action="">
                    <input type="search" name="" id="search-bar">
                    <input type="button" value="搜索" id="search-btn1">
                    <button id="search-btn2">全网询价</button>
                </form>
                <div class="suggest-list">
                    <a href="#">伟大工厂×化工能源采购狂欢周</a>
                    <a href="#">防汛物资</a>
                    <a href="#">挖掘机</a>
                    <a href="#">包子机</a>
                    <a href="#">树苗批发</a>
                    <a href="#">切割机</a>
                </div>
            </div>
        </header>
    </div>
    <!-- 表 -->
    <div class="list-wrap">
        <ul class="list">
            <li>店铺首页</li>
            <li class="on">供应商品</li>
            <li>店铺档案</li>
            <li>联系我们</li>
            <li>留言问价</li>
        </ul>
    </div>
    <section>
        <!-- goods -->
        <div class="goods-wrap">
            <div class="goods-left">
                <figure class="middleFrame">
                    <img src="./images/u=2392102454,918861445&fm=199&app=68&f=JPEG.jfif" alt="">
                    <span class="mask"></span>
                    <span class="blocks"></span>
                </figure>
                <div class="largeFrame"><img src="./images/u=2392102454,918861445&fm=199&app=68&f=JPEG.jfif" alt="" class="large">
                </div>
            </div>
            <div class="goods-middle">
                <h3>贝琪儿 情趣性玩偶可插入 性玩偶 软胶娃娃 带骨架成人用品</h3>
                <ul>
                    <li>
                        <h4>价格</h4>
                        <p>¥<span id="goods-price">1000</span>元</p>
                    </li>
                    <li>
                        <h4>库存</h4>
                        <p id="goods-stock">1000</p>
                    </li>
                    <li>
                        <h4>销量</h4>
                        <p id="goods-sales">1000</p>
                    </li>
                    <li>
                        <h4>品牌</h4>
                        <p id="goods-brand">1000</p>
                    </li>
                    <li class="goods-number">
                        <h4>数量</h4>
                        <p><span class="minus">-</span><input type="text" name="" id="numberBar" value="1" disabled><span
                                class="plus">+</span></p>
                    </li>
                </ul>
                <div class="btns">
                    <button id="addToCart">加入购物车</button>
                    <button id="goCart">前去付款</button>
                    <button>在线咨询</button>
                </div>
            </div>
            <div class="goods-right">
                <div class="corporation">
                    <figure><img src="./images/u=3042915962,896805817&fm=179&app=42&f=JPEG.jfif" alt=""></figure>
                    <h3>东莞市贝琪儿科技有限公司</h3>
                    <ul>
                        <li>
                            <h4>响应速度：</h4>
                            <p>13%</p>
                        </li>
                        <li>
                            <h4>行业专注度：</h4>
                            <p>11%</p>
                        </li>
                        <li>
                            <h4>货描质量：</h4>
                            <p>持平行业</p>
                        </li>
                    </ul>
                    <div class="btns">
                        <button>进入店铺</button>
                        <button>全部商品</button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页尾 -->
    <footer>
        <div>
            <ul>
                <li>
                    <h3>买家指南</h3>
                    <a href="#">功能介绍</a>
                    <a href="#">常见问题</a>
                    <a href="#">服务条款</a>
                </li>
                <li>
                    <h3>卖家指南</h3>
                    <a href="#">入驻流程</a>
                    <a href="#">常见问题</a>
                    <a href="#">服务商查询</a>
                </li>
                <li>
                    <h3>关于我们</h3>
                    <a href="#">产品百科</a>
                    <a href="#">平台声明</a>
                </li>
                <li>
                    <h3>联系我们</h3>
                    <a href="#">投诉反馈</a>
                </li>
            </ul>
            <div>
                <h3>公众号（百度爱采购）</h3>
                <img src="./images/qr.png" alt="">
            </div>
        </div>
        <div>
            <p><span>互联网药品信息服务资格证书（京）-经营性-2017-0020 </span><span> 医疗器械网络交易服务第三方平台备案：（京）网械平台备字（2020） 第00002号</span>
            </p>
            <p><span>京ICP证030173号</span><span>京公网安备11000002000001号</span></p>
        </div>
    </footer>
</body>
<script src="./data/nav-min.json"></script>
<script src="./js/ajax.js"></script>
<script src="./libs/jquery.js"></script>
<script src="./js/goods.js"></script>
<script src="./js/jquery.goods.js"></script>
</html>